<html>
  <head>
    <!-- Compiled and minified CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-alpha.2/css/materialize.min.css">
    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/body.css') }}">
    <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <!-- Compiled and minified JavaScript -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-alpha.2/js/materialize.min.js"></script>
    <title>Pizza on the Blockchain!</title>
  </head>
  <body>
      <h1 class="center">Welcome to Pizza on the Blockchain!</h1>
      <br/>
      <div id="welcome_icons">
        <div class="row content">
          <div class="col s6"><a href="factory"><div class="circle-text">Factory</div></a></div>
          <div class="col s6"><a href="wholesaler"><div class="circle-text">Wholesaler</div></a></div>
        </div>
        <div class="row content">
          <div class="col s6"><a href="retailer"><div class="circle-text">Retailer</div></a></div>
          <div class="col s6"><a href="customer"><div class="circle-text">Customer</div></a></div>
        </div>
      </div>

      <div class="center">
        <h5>A web-application made with Python & MaterializeCSS.</h5>
      </div>
  </body>
</html>
